import {View, Text, StyleSheet, TouchableOpacity} from 'react-native'
import React, {Component} from 'react'
import {AppIcon} from "../../assets/icon/AppIcon";
import {border, default as styles, HUNDRED_PERCENT} from "../../style";
import {Actions} from "react-native-router-flux";

interface VerifiedResultProps {

}

interface VerifiedResultState {

}


export default class VerifiedResult extends Component<VerifiedResultProps, VerifiedResultState> {


    constructor(props: VerifiedResultProps) {
        super(props);
    }

    render() {
        return (<View style={VerifiedResultStyle.container}>
            <AppIcon style={{marginTop: 50}} name={"gouxuan"} size={93} color={"#629B36"}/>
            <Text style={{marginTop: 25, fontSize: 20, color: "#000", fontWeight: "bold"}}>实名认证成功</Text>
            <TouchableOpacity
                onPress={() => {
                    Actions.popTo("_Mine")
                }}
                style={[styles.centered, {
                    paddingVertical: 12,
                    backgroundColor: "#fff",
                    borderRadius: 30,
                    width: "80%",
                    marginTop: 120
                }, border(1, "#F8F8F8")]}>
                <Text style={VerifiedResultStyle.btnFont}>返回</Text>
            </TouchableOpacity>
        </View>)
    }
}

const VerifiedResultStyle = StyleSheet.create({
    container: {
        alignItems: "center"
    },
    btnFont: {
        fontSize: 14,
        color: "#000"
    }
});

 